@charset "UTF-8";
*{
  padding: 0;
  margin: 0;
  border: 0;
}
body{
  min-width: 640px;
 }

li{
  list-style: none;
}
a{
  text-decoration: none;
}
header{
  //width: 100%;
  min-width: 640px;
  .header_tool{
    //margin-bottom: 25px;
    width: 100%;
    height: 45px;
    border-top: 4px solid #B58E4F;
    background-color: black;
    .header_tool_nav{
      width: 100%;
      height: 100%;
      margin: 0 auto;
      min-width: 740px;
      .tool_logo{
        width: 150px;
        height: 80%;
        float: left;
        img{
          height: 100%;
          width: 100%;
        }
      }
      .tool_nav{
        float: right;
        min-width: 530px;
        height: 100%;
        .tool_login {
          float: left;
          width: 80px;
          height: 100%;
          text-align: center;
          border: 1px solid black;
          position: relative;
          span{
            font-family: "Microsoft YaHei";
            font-size: 15px;
            line-height: 40px;
            a{
              color: white;
              &:hover{
                text-decoration: none;
              }
            }
          }
          &:hover{
            border: 1px solid #B58E4F;
          }
          &:hover .login_and_regi{
            display: block;
          }
          .login_and_regi{
            position: absolute;
            left: -200px;
            top: 40px;
            width: 500px;
            height: 340px;
            display: none;
            z-index: 10;
            .login_close{
              cursor: pointer;
            }
            .login_title{
              display: inline-block;
              margin-top: 30px;
              font-size: 13px;
              color: rgba(0, 0, 0, 0.66);
              font-family: "Microsoft YaHei";
              //line-height: 100px;
            }
            .login_left{
              height: 100%;
              background-color: whitesmoke;
              .login_erweima{
                //margin-top: 30px;
              }
            }
            .login_right{
              height: 100%;
              background-color: white;
              .login_form{
                margin-top: 30px;
                .input_login{
                  width: 88%;
                  height:35px;
                  font-size: 13px;
                }
                .login_btn{
                  margin-left: -35px;
                  width: 70px;
                  height: 35px;
                  border: none;
                  background-color: #B58E4F;
                  color: white;
                }
                .auto_login{
                  //margin-top: 10px;
                }
                span{
                  font-size: 13px;
                  color: rgba(0, 0, 0, 0.66);
                  font-family: "Microsoft YaHei";
                }
              }
              .login_foot{
                margin-left: -100px;
                span{
                  display: inline-block;
                  margin-right:10px;
                  a{
                    font-size: 13px;
                    font-family: "Microsoft YaHei";
                    color: rgba(0, 0, 0, 0.66);
                    &:hover{
                      color: rgba(0, 0, 0, 0.46);
                      text-decoration: underline;
                    }
                  }
                }
              }
              .login_byqq{
                margin-left: -120px;
                i{
                  display: inline-block;
                  height: 16px;
                  width: 16px;
                  background-image: url("../IMAGE/qq_logo.png");
                }
                span{
                  display: inline-block;
                  margin-right:10px;

                  a{
                    font-size: 13px;
                    font-family: "Microsoft YaHei";
                    color: rgba(0, 0, 0, 0.66);
                    &:hover{
                      color: rgba(0, 0, 0, 0.46);
                      text-decoration: underline;
                    }
                  }
                }
              }
            }
          }
        }
        .tool_nav_list{
          float: left;
          ul{
            li{
              float: left;
              margin:0 20px;
              font-size: 13px;
              line-height: 40px;
              i{
                font-size: 20px;
                &:hover{
                  color: #B58E4F;
                  text-decoration: none;
                }
              }
              a{
                color: #B58E4F;
                &:hover{
                  text-decoration: none;
                  color: white;
                }
              }
            }
          }
        }
      }
    }
  }
  .header_adver{
    //margin-top: 25px;
    width: 1000px;
    height: 100px;
    overflow: hidden;
    margin: 25px auto;
    img{
      width: 100%;
      height: 100%;
      &:hover{
        transform: scale(1.05);
        transition: all 1s ease;
      }
    }
  }
  .nav{
    //margin-top: 25px;
    width: 1000px;
    margin: 0 auto;
    border-top: 4px solid black;
    .nav_title{
      width: 100%;
      height: 80px;
      border-right: 2px solid lightgray;
      li{
        float: left;
        height: 80px;
        width: auto;
        border-left: 2px solid lightgray;
        a{
          &:hover{
            text-decoration: none;
          }
        }
        div{
          width: 120px;
          //padding: 0 35px;
          opacity: 0.8;
          height: 100%;
          font-family: "Microsoft YaHei";
          text-align: center;
          position: relative;
          .span_chin{
            display: inline-block;
            margin-top: 10px;
            font-size: 28px;
            color: #B48C4D;
          }
          .span_engl{
            font-size: 12px;
            color: grey;
          }
        }
        //width: 120px;
        ul{
          margin-left: 120px;
          margin-top: -50px;
          height: 20px;
          //width:298px;
          //display: none;
          width: 0;
          overflow: hidden;
          .nav_content_list{
            margin: 0 5px;
            //width: auto;
            min-width: 30px;  //防止伸缩的过程中被挤下另一行
            overflow: hidden;
            border: none;
            float: left;
            font-size: 14px;
            font-family: "Microsoft YaHei";
            a{
              //display: block;
              color: rgba(0, 0, 0, 0.86);
              //width: 50px;
            }
          }
        }
      }
      .nav_fashion{
        ul{
          width: 260px;
        }
      }
    }
  }
}
content{
  margin: 0;
  min-width: 640px;
    .wrap{
      margin-top: -10px;
      width: 100%;
      height: 500px;
      overflow: hidden;
      position: relative;
      .wrap_show{
        width: 10000px;
        height: 100%;
        position: absolute;
        left: -887px;
        top: 0;
        img{
          width:10%;
          height: 100%;
          float: left;
        }
      }
      .control_num{
        clear: both;
        width: 100%;
        position: absolute;
        right: 0;
        bottom:10px;
        text-align:center;
        z-index: 100;
        .selected{
          background: rgba(0,0,0,0.5);
          color:white;
        }
        span{
          background: #F2F2F2;
          color:red;
          display: inline-block;
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          cursor: pointer;
        }
      }
      .arrow{
        height: 100%;
        background-color: rgba(0, 0, 0, 0.57);
      }
      #left{
        position: absolute;
        left: 0;
        top: 0;
      }
      #right{
        position: absolute;
        top: 0;
        right: 0;
      }
    }
  //公众部分
  a{
    &:hover{
      text-decoration: none;
    }
  }
  .current_main{
    margin-top: 20px;
    width: 310px;
    height: 465px;
    float: left;
    position: relative;
    overflow: hidden;
    &:hover img{
      transform: scale(1.05);
      transition: all 1s ease;
    }
    .current_main_bottom{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 30px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.62);
      z-index: 10;
      span{
        font-size: 12px;
        line-height: 30px;
        a{
          color: white;
        }
      }
    }
  }
  .current_notmain{
    padding-left: 20px;
    float: right;
    margin-top: 20px;
    width: 340px;
    height: 465px;
    .current_list{
      width: 100%;
      height: 160px;
      margin-top: 5px;
      .current_list_desc{
        float: left;
        width: 60%;
        height: 100%;
        a{
          color: rgba(0, 0, 0, 0.66);
          &:hover{
            color: #985f0d;
          }
        }
        h5{
          font-family: "Microsoft YaHei";
        }
        ul{
          margin-left: 15px;
          li{
            font-family: "Microsoft YaHei";
            list-style: inherit;
            font-size: 11px;
            line-height: 25px;
          }
        }
      }
      .current_list_img{
        float: left;
        width: 40%;
        overflow: hidden;
        margin-top:10px;
        &:hover img{
          transform: scale(1.05);
          transition: all 1s ease;
        }
        img{
          width: 90%;
          height: 90%;
          float: right;
        }
      }
    }
    .current_sec{
      border-bottom: 1px dashed lightgray;
      border-top: 1px dashed lightgray;
    }
  }
  .current_fashion{
    height: 100%;
    padding-left: 0;
    //padding-right: 0;
    .current_title{
      width: 100%;
      h2{
        //font-size: 20px;
        font-family: "Microsoft YaHei";
      }
      border-bottom: 1px solid black;
    }
  }
  .fashion_main{
    padding-right: 0;
    //padding-left: 0;
    .fashion_main_title{
      width: 100%;
      height: 40px;
      border-bottom: 1px solid black;
      .title{
        font-size: 25px;
        font-family: "Microsoft YaHei";
        //display: inline-block;
        //float: left;
      }
    }
    .fashion_main_content{
      padding-left: 15px;
      margin-top: 20px;
      width: 100%;
      height: 220px;
      img{
        width: 140px;
        height: 112px;
      }
      span{
        line-height: 40px;
        font-size: 13px;
        font-family: "Microsoft YaHei";
      }
      p{
        font-size: 10px;
        text-indent: 20px;
        font-family: "Microsoft YaHei";
      }
      a{
        color: rgba(0, 0, 0, 0.85);
        &:hover{
          text-decoration: none;
          color: #985f0d;
        }
      }
      .fashion_main_left{
        float: left;
        padding: 0;
        width: 130px;
        height: 100%;
      }
      .fashion_main_right{
        float: right;
        padding: 0;
        width: 140px;
        height: 100%;
      }
    }
  }
  .downpart{
    width: 100%;
    padding-right: 15px;
    .downpart_title{
      margin-left: -15px;
      border-bottom: 1px solid black;
      h3{
        font-family: "Microsoft YaHei";
      }
    }
    .downpart_wrap{
      float: left;
      margin-left: -15px;
      width: 75%;
      height: 215px;
      overflow: hidden;
      .downpart_list{
        width: 490px;
        height: 215px;
        overflow: hidden;
        position: relative;
        display: none;
        .downpart_shadow{
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 40px;
          background-color: rgba(0, 0, 0, 0.75);
          z-index: 20;
          p{
            font-size: 13px;
            font-family: "Microsoft YaHei";
            text-align: center;
            line-height: 40px;
            color: white;
          }
        }
        &:hover img{
          transform: scale(1.05);
          transition: all 1s ease;
        }
        img{
          width: 100%;
          height: 100%;
        }
      }
      .list1{
        display: block;
      }
    }
    .downpart_desc{
      float: left;
      width: 27.3%;
      .downpart_desc_list{
        width: 100%;
        height: 43px;
        //background-color: #222222;
        i{
          color: white;
        }
        span{
          font-size:18px;
          font-family: "Microsoft YaHei";
          color: white;
          line-height: 43px;
          a{
            color: black;
            &:hover{
              text-decoration: none;
            }
          }
        }
      }
      .desc1{
        background-color: #222222;
        i{
          color: #985f0d;
        }
        span{
          a{
            color: #985f0d;
          }
        }

      }
    }
  }
  .title_left{
    margin-top: 12px;
    width: 85px;
    height: 1px;
    background-color: black;
    float: left;
  }
  h3{
    color: black;
    font-family: "Microsoft YaHei";
    text-align: center;
  }
  .title_right{
    margin-top: 12px;
    width: 85px;
    height: 1px;
    background-color: black;
    float: right;
  }
  .video_try{
    .try_title{
      margin-top: -6px;
    }
    .try_desc{
      width: 100%;
      .try_list{
        width: 100%;
        height: 68px;
        margin-top: 11px;
        .try_list_img{
          width: 68px;
          height: 100%;
          float: left;
          border: 1px solid lightgray;
          &:hover img{
            transform: scale(1.1);
            transition: all 1s ease;
          }
          img{
            width: 100%;
            height: 100%;
          }
        }
        .try_list_desc{
          width: 193px;
          height: 100%;
          float: left;
          border-top: 1px solid lightgray;
          border-bottom: 1px solid lightgray;
          padding-left: 10px;
          span{
            font-size: 12px;
            a{
              color: black;
              &:hover{
                color: #985f0d;
              }
            }
            .price_and_count{
              color: #985f0d;
            }
          }
        }
        .try_btn{
          width: 38px;
          height: 100%;
          background-color: lightgray;
          float: left;
          text-align: center;
          span{
            line-height: 30px;
            a{
              color: #985f0d;
            }
          }
        }
      }
    }
  }
    .fir_part{
    width: 1000px;
    //height: 835px;
    margin: 0 auto;
    .hottoday{
      padding: 0;
      height: 100%;
      .hottoday_title{
        margin: 0;
        width: 100%;
        h2{
          font-family: "Microsoft YaHei";
        }
        border-bottom: 1px solid black;
      }
      .hottoday_list{
        width: 432px;
        border-bottom: 1px dashed gray;
        height: 158px;
        .list_img{
          width: 180px;
          height: 120px;
          margin-top: 20px;
          overflow: hidden;
          &:hover img{
            transform: scale(1.1);
            transition: all 1s ease;
          }
        }
        .list_desc{
          padding-left: 15px;
          padding-right: 0;
          height: 120px;
          //width: 100%;
          margin-top: 20px;
          a:hover{
            text-decoration: none;
            color: #B48C4D;
          }
          .total_title{
            width: 120px;
            height: 25px;
            margin-left: -15px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.1);
            a{
              color: #B48C4D;
              font-size: 14px;
              line-height: 25px;
            }
          }
          h4{
            display: inline-block;
            margin-top: 20px;
            font-family: "Microsoft YaHei";
            color: rgba(0, 0, 0, 0.57);
            a{
              color: rgba(0, 0, 0, 0.57);
            }
          }
          p{
            font-size: 12px;
            a{
              color: rgba(0, 0, 0, 0.57);
            }

          }
        }
      }
      .fine_life{
        border: none;
      }
    }
    .carefedit{
      padding: 0;
      height: 100%;
      width: 200px;
      margin: 0 38px;
      a{
        &:hover{
          text-decoration: none;
        }
      }
      .carefedit_title{
        margin: 0;
        width: 100%;
        h2{
          font-family: "Microsoft YaHei";
        }
        border-bottom: 1px solid black;
      }
      .edit{
        width: 100%;
        height:295px;
        position: relative;
        margin-top: 20px;
        overflow: hidden;
        .edit_title{
          position: absolute;
          left: 0;
          top: 0;
          width: 60px;
          height: 30px;
          background-color: #B48C4D;
          text-align: center;
          z-index: 40;
          span{
            font-family: "Microsoft YaHei";
            font-size: 20px;
            a{
              color: white;
            }
          }
        }
        .edit_foot{
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 40px;
          background-color: rgba(0, 0, 0, 0.68);
          text-align: center;
          a{
            color: white;
            font-size: 12px;
            line-height: 40px;
          }
        }
        &:hover img{
          transform: scale(1.05);
          transition: all 1s ease;
        }
      }
      .carefedit_facebuty{
        margin: 0;
      }
      .carefedit_bodybuty{
        margin: 0;
        height: 160px;
      }
    }
    .video{
      padding: 0;
      //height: 100%;
      width: 300px;
      a{
        &:visited{
          color: rgba(0, 0, 0, 0.62);
        }
        &:hover{
          text-decoration: none;
        }
      }
      .video_title{
        //margin: 0;
        width: 100%;
        h2{
          font-family: "Microsoft YaHei";
        }
        border-bottom: 1px solid black;
      }
      .video_wrap{
        margin-top: 20px;
        width: 100%;
        height: 250px;
        overflow: hidden;
        position: relative;
        #inner{
          width: 1000%;
          height: 200px;
          position: absolute;
          left: 0;
          top: 0;
          .img_list{
            height: 200px;
            width: 300px;
            overflow: hidden;
            float: left;
            position: relative;
            .icon-play{
              position: absolute;
              left: 130px;
              top: 60px;
              font-size: 50px;
              color: rgba(255, 255, 255, 0.48);
              z-index: 10;
            }
            .img_bottom{
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100%;
              height: 40px;
              background-color: rgba(0, 0, 0, 0.48);
              text-align: center;
              z-index: 10;
              span{
                font-size: 14px;
                font-family: "Microsoft YaHei";
                line-height: 40px;
                a{
                  color: white;
                }
              }
            }
            img{
              width: 100%;
              height: 100%;
            }
            &:hover img{
              transform: scale(1.05);
              transition: all 1s ease;
            }
          }
        }
        .paganation{
          position: absolute;
          left: 110px;
          bottom:10px;
          span{
            font-size: 18px;
            color: rgba(0, 0, 0, 0.67);
          }
          .selected{
            color: #985f0d;
          }
        }
      }
      .video_wemedia{
        width: 100%;
        .wemedia_title{
          margin-top: -10px;
          width: 100%;
          height: 50px;
        }
        .wemedia_list{
          margin-top: -12px;
          .list_left{
            //padding: 0;
            //margin-left: 2px;
            width: 40px;
            p{
              font-size: 18px;
              font-style: italic;
            }
            .top3{
              color: #985f0d;
            }
          }
          .list_right{
            width: 260px;
            padding: 0;
            p{
              font-size: 14px;
              line-height: 25px;
              a{
                color: black;
              }
            }
          }
        }
      }
    }
  }
   .sec_part{
     width: 1000px;
     //height: 580px;
     margin: 0 auto;
     .product_info{
       padding-left:25px;
       padding-right: 8px;
       .product_title{
         width: 100%;
         h2{
           //font-size: 20px;
           font-family: "Microsoft YaHei";
         }
         border-bottom: 1px solid black;
       }
       .product_desc{
         margin-top: 20px;
         width: 100%;
         height: 465px;
         .product_list{
           margin-top: 20px;
           width: 100%;
           height: 75px;
           .product_list_left{
             float: left;
             padding-top: 10px;
             padding-right: 10px;
             padding-left: 10px;
             //height: 100%;
             width: 220px;
             height: 73px;
             background-image: url("../IMAGE/icons.png");
             background-position: -300px 1px;
             a{
               &:hover{
                 text-decoration: none;
               }
             }
             span{
               font-size: 12px;
               font-family: "Microsoft YaHei";
               a{
                 color: #985f0d;
               }
             }
             p{
               font-size: 10px;
               font-family: "Microsoft YaHei";
               text-indent: 20px;
               a{
                 color: #0f0f0f;
               }
             }
           }
           .product_list_right{
             float: right;
             width: 71px;
             height: 71px;
             img{
               width: 100%;
               height: 100%;
             }
           }
         }
       }
     }
   }
  .thi_part{
    width: 1000px;
    //height: 550px;
    margin: 30px auto;
    clear: both;
    .left_part{
      padding-left:15px;
      padding-right:0;
      .uppart{
        width: 100%;
        height: 280px;
        .show_part{
          padding-left: 0;
          .show_part_title{
            width: 100%;
            height: 40px;
            border-bottom: 1px solid black;
            .title{
              font-size: 25px;
              font-family: "Microsoft YaHei";
              //display: inline-block;
              //float: left;
            }
            .chooseput{
              float: right;
              margin-top: 10px;
              .dropdown{
                float: left;
                #btn-menu{
                  width: 100px;
                  height: 23px;
                  line-height: 10px;
                }
                .dropdown-menu{
                  height: 250px;
                  overflow-y: scroll;
                }
              }
              #show_btn{
                float: left;
                width: 50px;
                height: 23px;
                line-height: 10px;
              }
            }
          }
          .show_part_content{
            margin-top: 20px;
            .imglist{
              float: left;
              width: 75px;
              height: 220px;
              position: relative;
              .img_detail{
              padding:0 15px;
              width: 150px;
              height: 70px;
              background-color: rgba(0, 0, 0, 0.8);
              z-index: 20;
                display: none;
              p{
                text-align: center;
                line-height: 30px;
                color: #985f0d;
              }
            }
              .left{
                position: absolute;
                left: 75px;
                bottom: 0;
              }
              .right{
                position: absolute;
                right: 75px;
                bottom: 0;
              }

              .img_shadow{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.42);
              }

            }
          }
        }
      }

    }
    .right_part{
      padding-left:30px;
      .sina_adver{
        width: 300px;
        height: 500px;
      }
      span{
        font-size: 10px;
        font-family: "Microsoft YaHei";
        a{
          color: rgba(0, 0, 0, 0.85);
          &:hover{
            text-decoration: none;
            color: #985f0d;
          }
        }
      }
    }
  }
  .for_part{
    width: 1000px;
    //height: 1110px;
    margin: 0 auto;
    .butybody{
      padding-left: 0;
      .butybody_title{
        border-bottom: 1px solid black;
        h2{
          font-family: "Microsoft YaHei";
        }
      }
      .makeupth{
        float: left;
        clear: both;
        padding-top: 30px;
        width: 310px;
        height: 300px;
        overflow: hidden;
        .makeupth_title{
          width: 100%;
          height: 40px;
          border-bottom: 1px solid black;
          .title{
            line-height: 20px;
            font-size: 25px;
            font-family: "Microsoft YaHei";
          }
          .search_input{
            float: right;
            .inputcontent{
              width: 120px;
            }
          }
        }
        .makeup_main{
          margin-top: 20px;
          width: 229px;
          height: 219px;
          float: left;
          position: relative;
          display: none;
          .makeup_shadow{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 40px;
            background-color: rgba(0, 0, 0, 0.66);
            span{
              font-size:14px;
              font-family: "Microsoft YaHei";
              text-align: center;
              a{
                color: white;
                &:hover{
                  text-decoration: none;
                }
              }
            }
          }
        }
        .makeup_notmain{
          float: right;
          margin-top: 20px;
          width: 69px;
          height: 219px;
          img{
            width: 69px;
          }
        }
      }
      .buty_main{
        padding-right: 0;
        margin-top: 30px;
        margin-left: 30px;
        width: 310px;
        float: left;
      }
      .butypart{
        padding-left: 15px;
      }
    }
    .fashion_trade{
      padding: 0;
      height: 1110px;
      background-color: rgba(0, 0, 0, 0.1);
      //margin-top: 40px;
      margin-left: 30px;
      width: 300px;
      .trade_list{
        margin-top: 30px;
        width: 99%;
        height: 703px;
        border-left: 3px solid #985f0d;
        .trade_title{
          .trade_title_top{
            width: 160px;
            border: 1px solid #c0a16b;
          }
          span{
            display: inline-block;
            margin-top: -20px;
            font-size: 30px;
            font-family: "Microsoft YaHei";
            float: right;
            color: #c0a16b;
          }
        }
        .trade{
          margin-top: 30px;
          width: 100%;
          //height: 300px;
          .list_title{
            width: 70px;
            height: 25px;
            background-color: #985f0d;
            .list_span{
              width: 60px;
              height: 100%;
              float: right;
              text-align: center;
              background-color: black;
              span{
                line-height: 25px;
                color: white;
              }
            }
          }
          .list_content{
            .list_trade{
              width: 100%;
              height: 120px;
              border-bottom: 1px dashed lightgray;
              .list_img{
                margin-left: 15px;
                margin-top: 20px;
                width: 80px;
                height: 80px;
                overflow: hidden;
                float: left;
                &:hover img{
                  transform: scale(1.05);
                  transition: all 1s ease;
                }
                img{
                  width: 100%;
                  height: 100%;
                }
              }
              .list_detail{
                margin-left: 15px;
                margin-top: 15px;
                float: left;
                font-size: 13px;
                .trade_name{
                  a{
                    color: black;
                  }
                }
                p{
                  margin-top: 40px;
                  a{
                    color: #985f0d;
                  }
                }
                a{
                  &:hover{
                    text-decoration: none;
                    color: #985f0d;
                  }
                }
              }
            }
          }
        }
        .trade_today_list{
          margin-top: 20px;
        }
      }
      .trade_review{
        margin-left: 15px;
        h3{
          font-family: "Microsoft YaHei";
        }
      }
      .trade_yuanchaung{
        margin-top: 50px;
        width: 300px;
        height: 250px;
        overflow: hidden;
        &:hover img{
          transform: scale(1.05);
          transition: all 1s ease;
        }
        img{
          width: 100%;
          height: 100%;
        }

      }
    }
  }
  .fif_part{
    width: 1000px;
    height: 580px;
    margin: 0 auto;
    .current_title{
      width: 1000px;
    }
    .free_try{
      margin-top: 80px;
      height: 160px;
      .try_main{
        margin-top: 15px;
        float: left;
        width: 120px;
        height: 120px;
        overflow: hidden;
        &:hover img{
          transform: scale(1.05);
          transition: all 1s ease;
        }
        img{
          width: 100%;
          height: 100%;
        }
      }
      .try_notmain{
        margin-top: 15px;
        float: left;
        margin-left: 10px;
        ul{
          li{
            border-left: 2px solid #B58E4F;
            padding-left: 20px;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            a{
              color: rgba(0, 0, 0, 0.76);
              &:hover{
                color: #B58E4F;
              }
            }
          }
          .try_notmain_center{
            margin-top: 15px;
            margin-bottom: 15px;
          }
        }
      }
    }
    .shangpin{
      width: 100%;
      height: 300px;
    }
  }
}
footer{
  min-width: 640px;
  margin-top: 50px;
  width:100%;
  height: 120px;
  p{
    text-align: center;
    font-size: 11px;
    font-family: "Microsoft YaHei";
    color: rgba(0, 0, 0, 0.54);
    a{
      color: rgba(0, 0, 0, 0.54);
      &:hover{
        color: red;
        text-decoration: none;
      }
    }
  }
}
@media screen and (max-width: 1000px) and (min-width: 640px) {
  header{
    min-width: 640px;
    .header_adver{
      width:100%;
    }
    .nav{
      width: 100%;
      border-top: 4px solid black;
      .nav_title{
        width: 100%;
        height: 80px;
        border-right: 2px solid lightgray;
        li{
          float: left;
          height: 80px;
          width: 16%;
          border-left: 2px solid lightgray;
          a{
            &:hover{
              text-decoration: none;
            }
          }
          div{
            width: 120px;
            //padding: 0 35px;
            opacity: 0.8;
            height: 100%;
            font-family: "Microsoft YaHei";
            text-align: center;
            position: relative;
            .span_chin{
              display: inline-block;
              margin-top: 10px;
              font-size: 28px;
              color: #B48C4D;
            }
            .span_engl{
              font-size: 12px;
              color: grey;
            }
          }
          //width: 120px;
          ul{
            margin-left: 120px;
            margin-top: -50px;
            height: 20px;
            //width:298px;
            //display: none;
            width: 0;
            overflow: hidden;
            display: none;
            .nav_content_list{
              margin: 0 5px;
              //width: auto;
              min-width: 30px;  //防止伸缩的过程中被挤下另一行
              overflow: hidden;
              border: none;
              float: left;
              font-size: 14px;
              font-family: "Microsoft YaHei";
              a{
                //display: block;
                color: rgba(0, 0, 0, 0.86);
                //width: 50px;
              }
            }
          }
        }
        .nav_fashion{
          ul{
            width: 260px;
            display: none;
          }
        }
      }
    }
  }
  content{
    min-width: 640px;
    margin: 0;
    .wrap{
      margin-top: -10px;
      width: 100%;
      height: 500px;
      overflow: hidden;
      position: relative;
      .wrap_show{
        width: 700%;
        height: 100%;
        position: absolute;
        left: -14.3%;
        top: 0;
        img{
          width: 14.3%;
          height: 100%;
          float: left;
        }
      }
      .control_num{
        clear: both;
        width: 100%;
        position: absolute;
        right: 100px;
        bottom:10px;
        text-align:center;
        z-index: 100;
        .selected{
          background: rgba(0,0,0,0.5);
          color:white;
        }
        span{
          background: #F2F2F2;
          color:red;
          display: inline-block;
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          cursor: pointer;
        }
      }
      .arrow{
        display: none;
      }
    }
    .fir_part{
      width: 100%;
      //height: 835px;
      margin: 0 auto;
      padding: 0 10px;
      .hottoday{
        padding: 0;
        height: 100%;
        width: 68%;
        float: left;
        .hottoday_title{
          margin: 0;
          width: 100%;
          h2{
            font-family: "Microsoft YaHei";
          }
          border-bottom: 1px solid black;
        }
        .hottoday_list{
          width: 100%;
          border-bottom: 1px dashed gray;
          height: 158px;
          .list_img{
            width: 45%;
            height: 120px;
            margin-top: 20px;
            overflow: hidden;
            float: left;
            &:hover img{
              transform: scale(1.1);
              transition: all 1s ease;
            }
          }
          .list_desc{
            padding-left: 15px;
            padding-right: 0;
            height: 130px;
            width: 55%;
            margin-top: 20px;
            float: left;
            a:hover{
              text-decoration: none;
              color: #B48C4D;
            }
            .total_title{
              width: 40%;
              height: 25px;
              margin-left: -15px;
              text-align: center;
              background-color: rgba(0, 0, 0, 0.1);
              a{
                color: #B48C4D;
                font-size: 14px;
                line-height: 25px;
              }
            }
            h4{
              display: inline-block;
              margin-top: 10px;
              font-family: "Microsoft YaHei";
              color: rgba(0, 0, 0, 0.57);
              a{
                color: rgba(0, 0, 0, 0.57);
              }
            }
            p{
              font-size: 12px;
              a{
                color: rgba(0, 0, 0, 0.57);
              }

            }
          }
        }
        .fine_life{
          border: none;
        }
      }
      .carefedit{
        float: right;
        padding: 0;
        height: 100%;
        width: 28%;
        margin: 0 10px;
        //display: none;
        a{
          &:hover{
            text-decoration: none;
          }
        }
        .carefedit_title{
          margin: 0;
          width: 100%;
          h2{
            font-family: "Microsoft YaHei";
          }
          border-bottom: 1px solid black;
        }
        .edit{
          width: 100%;
          height:295px;
          position: relative;
          margin-top: 20px;
          overflow: hidden;
          .edit_title{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 30px;
            background-color: #B48C4D;
            text-align: center;
            z-index: 40;
            span{
              font-family: "Microsoft YaHei";
              font-size: 20px;
              a{
                color: white;
              }
            }
          }
          .edit_foot{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 40px;
            background-color: rgba(0, 0, 0, 0.68);
            text-align: center;
            a{
              color: white;
              font-size: 12px;
              line-height: 40px;
            }
          }
          &:hover img{
            transform: scale(1.05);
            transition: all 1s ease;
          }
        }
        .carefedit_facebuty{
          margin: 0;
        }
        .carefedit_bodybuty{
          margin: 0;
          height: 160px;
        }
      }
      .video{
        //padding: 0;
        //height: 100%;
        width: 100%;
        clear:both;
        .title_left{
          margin-top: 12px;
          width: 33%;
          height: 1px;
          background-color: black;
          float: left;
        }
        h3{
          color: black;
          font-family: "Microsoft YaHei";
          text-align: center;
        }
        .title_right{
          margin-top: 12px;
          width: 33%;
          height: 1px;
          background-color: black;
          float: right;
        }
        a{
          &:visited{
            color: rgba(0, 0, 0, 0.62);
          }
          &:hover{
            text-decoration: none;
          }
        }
        .video_title{
          clear: both;
          width: 50%;
          h2{
            font-family: "Microsoft YaHei";
          }
          border-bottom: 1px solid black;
        }
        .video_wrap{
          margin-top: 30px;
          width: 300px;
          height: 250px;
          overflow: hidden;
          position: relative;
          float: left;
          #inner{
            width: 1000%;
            height: 200px;
            position: absolute;
            left: 0;
            top: 0;
            .img_list{
              height: 200px;
              width: 300px;
              overflow: hidden;
              float: left;
              position: relative;
              .icon-play{
                position: absolute;
                left: 130px;
                top: 60px;
                font-size: 50px;
                color: rgba(255, 255, 255, 0.48);
                z-index: 10;
              }
              .img_bottom{
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 40px;
                background-color: rgba(0, 0, 0, 0.48);
                text-align: center;
                z-index: 10;
                span{
                  font-size: 14px;
                  font-family: "Microsoft YaHei";
                  line-height: 40px;
                  a{
                    color: white;
                  }
                }
              }
              img{
                width: 100%;
                height: 100%;
              }
              &:hover img{
                transform: scale(1.05);
                transition: all 1s ease;
              }
            }
          }
          .paganation{
            position: absolute;
            left: 110px;
            bottom:10px;
            span{
              font-size: 18px;
              color: rgba(0, 0, 0, 0.67);
            }
            .selected{
              color: #985f0d;
            }
          }
        }
        .video_wemedia{
          width: 45%;
          float:right;
          .wemedia_title{
            //margin-top: -10px;
            width: 100%;
            height: 50px;
          }
          .wemedia_list{
            margin-top: -12px;
            .list_left{
              //padding: 0;
              //margin-left: 2px;
              width: 10%;
              float: left;
              p{
                font-size: 18px;
                font-style: italic;
              }
              .top3{
                color: #985f0d;
              }
            }
            .list_right{
              width: 90%;
              float: right;
              //padding: 0;
              p{
                font-size: 14px;
                line-height: 25px;
                a{
                  color: black;
                }
              }
            }
          }
        }
        .video_try{
          width: 100%;
          clear: both;
          .try_title{
            //margin-top: -6px;
          }
          .try_desc{
            width: 100%;
            .try_list{
              width: 33%;
              height: 78px;
              margin-top: 11px;
              float: left;
              .try_list_img{
                width: 30%;
                height: 100%;
                float: left;
                border: 1px solid lightgray;
                &:hover img{
                  transform: scale(1.1);
                  transition: all 1s ease;
                }
                img{
                  width: 100%;
                  height: 100%;
                }
              }
              .try_list_desc{
                width: 58%;
                height: 100%;
                float: left;
                border-top: 1px solid lightgray;
                border-bottom: 1px solid lightgray;
                padding-left: 10px;
                span{
                  font-size: 12px;
                  a{
                    color: black;
                    &:hover{
                      color: #985f0d;
                    }
                  }
                  .price_and_count{
                    color: #985f0d;
                  }
                }
              }
              .try_btn{
                width: 12%;
                height: 100%;
                background-color: lightgray;
                float: left;
                text-align: center;
                span{
                  line-height: 20px;
                  a{
                    color: #985f0d;
                  }
                }
              }
            }
          }
        }
      }
    }
    .sec_part{
      width: 100%;
      //height: 480px;
      clear: both;
      margin: 0 auto;
      padding:0 10px;
      .current_fashion{
        height: 100%;
        width: 100%;
        padding-left: 0;
        //padding-right: 0;
        .current_main{
          margin-top: 20px;
          width: 50%;
          height: 570px;
          float: left;
          position: relative;
          overflow: hidden;
          img{
            width: 100%;
            height: 100%;
          }
          &:hover img{
            transform: scale(1.05);
            transition: all 1s ease;
          }
          .current_main_bottom{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 30px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.62);
            z-index: 10;
            span{
              font-size: 12px;
              line-height: 30px;
              a{
                color: white;
              }
            }
          }
        }
        .current_notmain{
          padding-left: 20px;
          float: left;
          margin-top: 10px;
          width: 50%;
          height: 100%;
          //height: 100%;
          .current_list{
            padding-top: 20px;
            width: 100%;
            height: 200px;
            margin-top: 5px;
            .current_list_desc{
              float: left;
              width: 60%;
              height: 100%;
              a{
                color: rgba(0, 0, 0, 0.66);
                &:hover{
                  color: #985f0d;
                }
              }
              h5{
                font-family: "Microsoft YaHei";
              }
              ul{
                margin-left: 15px;
                li{
                  font-family: "Microsoft YaHei";
                  list-style: inherit;
                  font-size: 11px;
                  line-height: 25px;
                }
              }
            }
            .current_list_img{
              float: left;
              width: 40%;
              overflow: hidden;
              margin-top:10px;
              &:hover img{
                transform: scale(1.05);
                transition: all 1s ease;
              }
              img{
                width: 90%;
                height: 90%;
                float: right;
              }
            }
          }
          .current_sec{
            border-bottom: 1px dashed lightgray;
            border-top: 1px dashed lightgray;
          }
        }
        .current_title{
          width: 100%;
          h2{
            //font-size: 20px;
            font-family: "Microsoft YaHei";
          }
          border-bottom: 1px solid black;
        }
      }
      .product_info{
        width: 100%;
        //height: 400px;
        //padding-left:25px;
        //padding-right: 8px;
        //display: none;
        .product_title{
          width: 100%;
          h2{
            //font-size: 20px;
            font-family: "Microsoft YaHei";
          }
          border-bottom: 1px solid black;
        }
        .product_desc{
          margin-top: 20px;
          width: 100%;
          height:auto;
          clear: both;
          .product_list{
            margin-top: 20px;
            //margin-left: 40px;
            width: 280px;
            height: 75px;
            float: left;
            .product_list_left{
              float: left;
              padding-top: 10px;
              padding-right: 10px;
              padding-left: 10px;
              //height: 100%;
              width: 220px;
              height: 73px;
              background-image: url("../IMAGE/icons.png");
              background-position: -300px 1px;
              a{
                &:hover{
                  text-decoration: none;
                }
              }
              span{
                font-size: 12px;
                font-family: "Microsoft YaHei";
                a{
                  color: #985f0d;
                }
              }
              p{
                font-size: 10px;
                font-family: "Microsoft YaHei";
                text-indent: 20px;
                a{
                  color: #0f0f0f;
                }
              }
            }
            .product_list_right{
              margin-left: -20px;
              float: left;
              width: 71px;
              height: 71px;
              img{
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }
    }
    .thi_part{
      padding: 0 10px;
      width: 100%;
      //height: 550px;
      //margin: 30px auto;
      clear: both;
      .left_part{
        padding-left:15px;
        padding-right:0;
        width: 100%;
        .uppart{
          width: 100%;
          height: 280px;
          .show_part{
            padding-left: 0;
            width: 51%;
            float: left;
            .show_part_title{
              width: 100%;
              height: 40px;
              border-bottom: 1px solid black;
              .title{
                font-size: 25px;
                font-family: "Microsoft YaHei";
                //display: inline-block;
                //float: left;
              }
              .chooseput{
                float: right;
                margin-top: 10px;
                .dropdown{
                  float: left;
                  #btn-menu{
                    width: 100px;
                    height: 23px;
                    line-height: 10px;
                  }
                  .dropdown-menu{
                    height: 250px;
                    overflow-y: scroll;
                  }
                }
                #show_btn{
                  float: left;
                  width: 50px;
                  height: 23px;
                  line-height: 10px;
                }
              }
            }
            .show_part_content{
              margin-top: 20px;
              .imglist{
                float: left;
                width: 25%;
                height: 220px;
                position: relative;
                img{
                  width: 100%;
                  height: 100%;
                }
                .img_detail{
                  padding:0 15px;
                  width: 150px;
                  height: 70px;
                  background-color: rgba(0, 0, 0, 0.8);
                  z-index: 20;
                  display: none;
                  p{
                    text-align: center;
                    line-height: 30px;
                    color: #985f0d;
                  }
                }
                .left{
                  position: absolute;
                  left: 75px;
                  bottom: 0;
                }
                .right{
                  position: absolute;
                  right: 75px;
                  bottom: 0;
                }

                .img_shadow{
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 100%;
                  height: 100%;
                  background-color: rgba(0, 0, 0, 0.42);
                }

              }
            }
          }
          .fashion_main{
            padding-right: 0;
            width:48%;
            float: right;
            //padding-left: 0;
            .fashion_main_title{
              width: 100%;
              height: 40px;
              border-bottom: 1px solid black;
              .title{
                font-size: 25px;
                font-family: "Microsoft YaHei";
                //display: inline-block;
                //float: left;
              }
            }
            .fashion_main_content{
              //padding-left: 15px;
              margin-top: 20px;
              width: 100%;
              height: 220px;
              img{
                width: 140px;
                height: 112px;
              }
              span{
                line-height: 40px;
                font-size: 13px;
                font-family: "Microsoft YaHei";
              }
              p{
                font-size: 10px;
                text-indent: 20px;
                font-family: "Microsoft YaHei";
              }
              a{
                color: rgba(0, 0, 0, 0.85);
                &:hover{
                  text-decoration: none;
                  color: #985f0d;
                }
              }
              .fashion_main_left{
                float: left;
                padding: 0;
                width: 45%;
                height: 100%;
              }
              .fashion_main_right{
                float: right;
                padding: 0;
                width: 45%;
                height: 100%;
              }
            }
          }
        }
        .downpart{
          width: 100%;
          padding-right: 15px;
          .downpart_title{
            margin-left: -15px;
            border-bottom: 1px solid black;
            h3{
              font-family: "Microsoft YaHei";
            }
          }
          .downpart_wrap{
            float: left;
            margin-left: -15px;
            width: 75%;
            height: 215px;
            overflow: hidden;
            .downpart_list{
              //width: 490px;
              width: 100%;
              height: 215px;
              overflow: hidden;
              position: relative;
              display: none;
              .downpart_shadow{
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 40px;
                background-color: rgba(0, 0, 0, 0.75);
                z-index: 20;
                p{
                  font-size: 13px;
                  font-family: "Microsoft YaHei";
                  text-align: center;
                  line-height: 40px;
                  color: white;
                }
              }
              &:hover img{
                transform: scale(1.05);
                transition: all 1s ease;
              }
              img{
                width: 100%;
                height: 100%;
              }
            }
            .list1{
              display: block;
            }
          }
          .downpart_desc{
            float: left;
            width: 25%;
            .downpart_desc_list{
              width: 100%;
              height: 43px;
              //background-color: #222222;
              i{
                color: white;
              }
              span{
                font-size:18px;
                font-family: "Microsoft YaHei";
                color: white;
                line-height: 43px;
                a{
                  color: black;
                  &:hover{
                    text-decoration: none;
                  }
                }
              }
            }
            .desc1{
              background-color: #222222;
              i{
                color: #985f0d;
              }
              span{
                a{
                  color: #985f0d;
                }
              }

            }
          }
        }

      }
      .right_part{
        padding-left:30px;
        display: none;
        .sina_adver{
          width: 300px;
          height: 500px;
        }
        span{
          font-size: 10px;
          font-family: "Microsoft YaHei";
          a{
            color: rgba(0, 0, 0, 0.85);
            &:hover{
              text-decoration: none;
              color: #985f0d;
            }
          }
        }
      }
    }
    .for_part{
      width: 100%;
      //height: 1110px;
      padding: 0 10px;
      margin: 0 auto;
      .butybody{
        padding-left: 0;
        width: 100%;
        .butybody_title{
          width: 100%;
          border-bottom: 1px solid black;
          h2{
            font-family: "Microsoft YaHei";
          }
        }
        .current_main{
          margin-top: 20px;
          width: 50%;
          //height: 100%;
          float: left;
          position: relative;
          overflow: hidden;
          img{
            width: 100%;
            height: 100%;
          }
          &:hover img{
            transform: scale(1.05);
            transition: all 1s ease;
          }
          .current_main_bottom{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 30px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.62);
            z-index: 10;
            span{
              font-size: 12px;
              line-height: 30px;
              a{
                color: white;
              }
            }
          }
        }
        .current_notmain{
          padding-left: 20px;
          float: left;
          margin-top: 5px;
          width: 50%;
          .current_list{
            width: 100%;
            height: 160px;
            .current_list_desc{
              float: left;
              width: 60%;
              height: 100%;
              a{
                color: rgba(0, 0, 0, 0.66);
                &:hover{
                  color: #985f0d;
                }
              }
              h5{
                font-family: "Microsoft YaHei";
              }
              ul{
                margin-left: 15px;
                li{
                  font-family: "Microsoft YaHei";
                  list-style: inherit;
                  font-size: 11px;
                  line-height: 25px;
                }
              }
            }
            .current_list_img{
              float: left;
              width: 40%;
              overflow: hidden;
              //margin-top:10px;
              &:hover img{
                transform: scale(1.05);
                transition: all 1s ease;
              }
              img{
                width: 90%;
                height: 90%;
                float: right;
              }
            }
          }
          .current_sec{
            //margin: 10px 0;
            border-bottom: 1px dashed lightgray;
            border-top: 1px dashed lightgray;
          }
        }
        .makeupth{
          float: right;
          clear: both;
          padding-top: 30px;
          width: 50%;
          //height: 300px;
          overflow: hidden;
          padding-left: 5%;
          .makeupth_title{
            width: 100%;
            height: 40px;
            border-bottom: 1px solid black;
            .title{
              line-height: 20px;
              font-size: 25px;
              font-family: "Microsoft YaHei";
            }
            .search_input{
              float: right;
              .inputcontent{
                width: 120px;
              }
            }
          }
          .makeup_main{
            margin-top: 20px;
            width: 68%;
            height: 219px;
            float: left;
            position: relative;
            display: none;
            img{
              width: 100%;
              height: 100%;
            }
            .makeup_shadow{
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100%;
              height: 40px;
              background-color: rgba(0, 0, 0, 0.66);
              span{
                font-size:14px;
                font-family: "Microsoft YaHei";
                text-align: center;
                a{
                  color: white;
                  &:hover{
                    text-decoration: none;
                  }
                }
              }
            }
          }
          .makeup_notmain{
            float: right;
            margin-top: 20px;
            width: 28%;
            height: 219px;
            img{
              width: 69px;
            }
          }
        }
        .buty_main{
          width: 50%;
          float: right;
          padding-left: 5%;
          .fashion_main_title{
            width: 100%;
            height: 40px;
            border-bottom: 1px solid black;
            .title{
              font-size: 25px;
              font-family: "Microsoft YaHei";
              //display: inline-block;
              //float: left;
            }
          }
          .fashion_main_content{
            padding-left: 15px;
            margin-top: 20px;
            width: 100%;
            height: 220px;
            img{
              width: 140px;
              height: 112px;
            }
            span{
              line-height: 40px;
              font-size: 13px;
              font-family: "Microsoft YaHei";
            }
            p{
              font-size: 10px;
              text-indent: 20px;
              font-family: "Microsoft YaHei";
            }
            a{
              color: rgba(0, 0, 0, 0.85);
              &:hover{
                text-decoration: none;
                color: #985f0d;
              }
            }
            .fashion_main_left{
              float: left;
              padding: 0;
              width: 45%;
              height: 100%;
            }
            .fashion_main_right{
              float: right;
              padding: 0;
              width: 45%;
              height: 100%;
            }
          }
        }
        .butypart{
          //padding-left: 15px;
          width: 50%;
          float: right;
          padding-left: 5%;
          clear: both;
          margin-left: 20px;
          .downpart_title{
            border: none;
          }
          .downpart_wrap{
            width: 110%;
            .list1{
              width:120%;
              height: 215px;
              overflow: hidden;
              position: relative;
              float: right;
              .downpart_shadow{
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 40px;
                background-color: rgba(0, 0, 0, 0.75);
                z-index: 20;
                p{
                  font-size: 13px;
                  font-family: "Microsoft YaHei";
                  text-align: center;
                  line-height: 40px;
                  color: white;
                }
              }
              &:hover img{
                transform: scale(1.05);
                transition: all 1s ease;
              }
              img{
                width: 100%;
                height: 100%;
              }
            }
          }
          .downpart_desc{
            display: none;
          }
        }
      }
      .fashion_trade{
        padding: 0;
        height: 860px;
        margin-top: -860px;
        margin-left: 0;
        float: left;
        background-color: rgba(0, 0, 0, 0.1);
        width: 49%;
        clear: both;
        .trade_list{
          margin-top: 30px;
          width: 99%;
          height: 703px;
          border-left: 3px solid #985f0d;
          .trade_title{
            .trade_title_top{
              width: 160px;
              border: 1px solid #c0a16b;
            }
            span{
              display: inline-block;
              margin-top: -20px;
              font-size: 30px;
              font-family: "Microsoft YaHei";
              float: right;
              color: #c0a16b;
            }
          }
          .trade{
            margin-top: 30px;
            width: 100%;
            //height: 300px;
            .list_title{
              width: 70px;
              height: 25px;
              background-color: #985f0d;
              .list_span{
                width: 60px;
                height: 100%;
                float: right;
                text-align: center;
                background-color: black;
                span{
                  line-height: 25px;
                  color: white;
                }
              }
            }
            .list_content{
              .list_trade{
                width: 100%;
                height: 120px;
                border-bottom: 1px dashed lightgray;
                .list_img{
                  margin-left: 15px;
                  margin-top: 20px;
                  width: 80px;
                  height: 80px;
                  overflow: hidden;
                  float: left;
                  &:hover img{
                    transform: scale(1.05);
                    transition: all 1s ease;
                  }
                  img{
                    width: 100%;
                    height: 100%;
                  }
                }
                .list_detail{
                  margin-left: 15px;
                  margin-top: 15px;
                  float: left;
                  font-size: 13px;
                  .trade_name{
                    a{
                      color: black;
                    }
                  }
                  p{
                    margin-top: 40px;
                    a{
                      color: #985f0d;
                    }
                  }
                  a{
                    &:hover{
                      text-decoration: none;
                      color: #985f0d;
                    }
                  }
                }
              }
            }
          }
          .trade_today_list{
            margin-top: 20px;
          }
        }
        .trade_review{
          margin-left: 15px;
          h3{
            font-family: "Microsoft YaHei";
          }
        }
        .trade_yuanchaung{
          margin-top: 50px;
          width: 300px;
          height: 0px;
          overflow: hidden;
          display: none;
          &:hover img{
            transform: scale(1.05);
            transition: all 1s ease;
          }
          img{
            width: 100%;
            height: 100%;
          }

        }
      }
    }
    .fif_part{
      width: 100%;
      height: auto;
      margin: 0 auto;
      clear: both;
      .current_fashion{
        width: 100%;
        .current_title{
          width: 1000px;
        }
        .current_main{
          margin-top: 20px;
          width: 50%;
          //height: 100%;
          float: left;
          position: relative;
          overflow: hidden;
          img{
            width: 100%;
            height: 100%;
          }
          &:hover img{
            transform: scale(1.05);
            transition: all 1s ease;
          }
          .current_main_bottom{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 30px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.62);
            z-index: 10;
            span{
              font-size: 12px;
              line-height: 30px;
              a{
                color: white;
              }
            }
          }
        }
        .current_notmain{
          padding-left: 20px;
          float: left;
          margin-top: 5px;
          width: 50%;
          .current_list{
            width: 100%;
            height: 160px;
            .current_list_desc{
              float: left;
              width: 60%;
              height: 100%;
              a{
                color: rgba(0, 0, 0, 0.66);
                &:hover{
                  color: #985f0d;
                }
              }
              h5{
                font-family: "Microsoft YaHei";
              }
              ul{
                margin-left: 15px;
                li{
                  font-family: "Microsoft YaHei";
                  list-style: inherit;
                  font-size: 11px;
                  line-height: 25px;
                }
              }
            }
            .current_list_img{
              float: left;
              width: 40%;
              overflow: hidden;
              //margin-top:10px;
              &:hover img{
                transform: scale(1.05);
                transition: all 1s ease;
              }
              img{
                width: 90%;
                height: 90%;
                float: right;
              }
            }
          }
          .current_sec{
            //margin: 10px 0;
            border-bottom: 1px dashed lightgray;
            border-top: 1px dashed lightgray;
          }
        }
      }
      .free_try{
        //margin-top: 80px;
        //height: 160px;
        width: 48%;
        .try_title{
          width: 100%;
          .title_left{
            margin-top: 12px;
            width: 33%;
            height: 1px;
            background-color: black;
            float: left;
          }
          h3{
            color: black;
            font-family: "Microsoft YaHei";
            text-align: center;
          }
          .title_right{
            margin-top: 12px;
            width: 33%;
            height: 1px;
            background-color: black;
            float: right;
          }
        }
        .try_main{
          margin-top: 15px;
          float: left;
          width: 120px;
          height: 120px;
          overflow: hidden;
          &:hover img{
            transform: scale(1.05);
            transition: all 1s ease;
          }
          img{
            width: 100%;
            height: 100%;
          }
        }
        .try_notmain{
          margin-top: 15px;
          float: left;
          margin-left: 10px;
          ul{
            li{
              border-left: 2px solid #B58E4F;
              padding-left: 20px;
              height: 30px;
              line-height: 30px;
              font-size: 12px;
              a{
                color: rgba(0, 0, 0, 0.76);
                &:hover{
                  color: #B58E4F;
                }
              }
            }
            .try_notmain_center{
              margin-top: 15px;
              margin-bottom: 15px;
            }
          }
        }
      }
      .shangpin{
        width: 50%;
        height: auto;
        float:right;
      }
    }
  }
  footer{
    min-width: 640px;
    margin-top: 50px;
    width:100%;
    height: 120px;
    clear: both;
    p{
      text-align: center;
      font-size: 11px;
      font-family: "Microsoft YaHei";
      color: rgba(0, 0, 0, 0.54);
      a{
        color: rgba(0, 0, 0, 0.54);
        &:hover{
          color: red;
          text-decoration: none;
        }
      }
    }
  }
}




